<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的三种位置</title>
<!--    3.外部样式，可以被多个月面引进
          rel比写属性，表明当前引入的文件是什么类型 href是被引入CSS文件路径-->
    <link rel="stylesheet" href="Demo.css">
<!--    2.内部样式，对当前页面的所有元素生效-->
    <style>
        /* 标签选择器*/
    p {
        color: red;
        background: aqua;
    }
        h4 {
            color: green !important;
            background: aqua;
        }
    </style>
</head>
<body>
<h4>我是标题</h4>
<h4 style="color: red; background: yellow">我是标题</h4>
<h4>我是标题</h4>

<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>

<div>我是div</div>

<!--关于优先级-->
<!--渲染同一个元素，样式不会叠加生效，比如背景色和文字颜色会同时生效
如果渲染的样式相同，按照如下优先级排序
！important>行内样式>(内部样式=外部样式)
内部样式与外部样式优先级一样，后写的样式会把之前的样式覆盖掉-->
</body>
</html>
